<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">
	<ui:define name="content">
		<f:loadBundle basename="resources.MisLlamadas" var="var" />
		<rich:panel>
			<f:facet name="header">

			</f:facet>
			<h:form>
				<rich:tabPanel>
					<rich:tab label="#{var.pestaña1}">

						<center>

							<h:panelGrid columns="1">


								<center>
									<h5>
										<h:outputText value="#{var.misLlamadas}"></h:outputText>
									</h5>
								</center>

								<rich:dataTable value="#{llamadaBean.listarLlamadasPendientes}"
									var="llamadas" colums="3">
									<rich:column>
										<f:facet name="header">
											<h:outputText value="#{var.idTabla}" />
										</f:facet>
										
										<h:outputText value="#{llamadas.id}"/>

									</rich:column>
									<rich:column>
										<f:facet name="header">
											<h:outputText value="#{var.acciones}" />
										</f:facet>
										<h:commandLink value="#{var.atenderLlamada}"
											action="#{llamadaBean.obtenerLlamada(llamadas)}" />
									</rich:column>

								</rich:dataTable>

							</h:panelGrid>

							<br />
							<h:outputText value="#{llamadaBean.mensajeLlamadas}" style="color:red;font-size:larger"/> 
							<br /> 
							<br />


						</center>


					</rich:tab>

				</rich:tabPanel>
			</h:form>
		</rich:panel>


	</ui:define>
	<ui:define name="footer">



	</ui:define>
</ui:composition>
</html>